<script lang="ts">
    import { onMount } from 'svelte';
    // import { get, post } from '../../utils/api';
    // import { addToast } from '../../stores/toastStore';
    import Header from '../../components/common/Header.svelte';

    onMount(() => {
    });
</script>

<Header />
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-8 flex">
    <section class="flex-1">
        <div class="bg-white shadow rounded-lg p-4 mb-4">
            <div class="flex items-center">
                <img src="avatar.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-4">
                <div class="text-sm">
                    <p class="text-gray-900 leading-none">用户</p>
                    <p class="text-gray-600">时间</p>
                </div>
            </div>
            <div class="mt-2">
                <p class="text-gray-600">聊天内容...</p>
            </div>
        </div>
    </section>

    <aside class="w-1/3 ml-8">
        <div class="bg-white shadow rounded-lg p-4">
            <h2 class="text-xl font-bold text-gray-900 mb-4">角色管理</h2>
            <div class="mb-4">
            </div>
            <button class="bg-green-500 text-white px-4 py-2 rounded-lg">保存设置</button>
        </div>
    </aside>
</main>
